草庐IT

Bootstrap4 模态框

全部标签

javascript - 滚动 div 后如何将 Bootstrap 导航栏固定到顶部?

我试图让带有Bootstrap的导航栏出现在某个名为“A”的div之后。div"a"位于页面顶部,高度约为400px。一旦用户滚动过div“a”和滚动条,我希望滚动条保持在顶部。类似于这样的东西:https://www.facebook.com/home但我在顶部没有视频,它是一张图片。我们可以selfBootstrap吗?谢谢! 最佳答案 如果您想使用Twitter的Bootstrap实现此目的,请查看“Affix”js。您使用“data-offset-top”定义“固定”点,然后当用户向下滚动时,导航栏将固定在顶部。CSS:#c

javascript - Meteor + Bootstrap 3 Glyphicons 不工作

我一直在尝试将bootstrap3与Meteor一起使用,但是bootstrap有效但Glyphicons无效。带有图标的文件导入时显示以下错误:ResourceinterpretedasFontbuttransferredwithMIMEtypetext/html:"http://localhost:3000/client/fonts/glyphicons-halflings-regular.woff". 最佳答案 您将此文件放在了错误的位置。所有应该由Meteor作为单独实体提供的文件都应该放在/public目录中。当Meteo

javascript - 将模态数据绑定(bind)到 knockout 模型

我正在尝试将一个TwitterBootstrap模式打开到一个窗口,该窗口中有一个可编辑的文本区域,然后在保存时,它会保存适当的数据。我当前的代码:HTML:Placeholder0,'needs-comment':comment.length==0},attr:{title:comment}">×CloseSavechangesJS:/*Custombindingformakingmodals*/ko.bindingHandlers.bootstrapModal={init:function(element,valueAccessor,allBindingsAccesso

javascript - ng-disabled 不使用 Bootstrap 按钮

我正在使用bootstrap.js和angularjs,我的代码如下-//fewlinesfromcontroller$scope.isWaiting=true;$scope.promise=$http.get("voluumHandler.php?q=campaigns&filter=traffic-source&filterVal="+traffic+"&from="+from+"&to="+to+"&tz="+tz).success(function(response){$scope.campaigns=response.rows;console.log(response.row

javascript - 无法在 Twitter Bootstrap 可切换选项卡中设置默认值

这些选项卡在单击时运行良好,但在窗口加载时选择默认选项卡失败。javascript运行,没有错误,但没有任何反应。有什么想法吗?//GeneralApplicationsFamilyMemosGeneralInformationApplicationInformationFamilyMemos 最佳答案 你的选择器是错误的,试试这样:$(window).load(function(){$('#taba[href="#client_tab2"]').tab('show');});演示:http://jsfiddle.net/TjjKE

javascript - Bootstrap 轮播在 css 调整后拒绝平滑过渡

在过去的3个小时里,我一直在尝试对Bootstrap3的轮播过渡进行简单的调整。我试过更改幻灯片速度,这是唯一似乎有任何效果的东西:.carousel-inner.item{-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}但它过早地隐藏了“离开”的内容,我不知道要修改什么属性来解决这个问题。我也试过用将其更改为淡入淡出过渡.carousel-fade.item{opacity:0;-webkit-transition:

javascript - Bootstrap Accordion /可折叠不适用于 ul/li 导航

我使用的是最新的Bootstrap,Accordion根本不工作。我的意思是,当我打开带有嵌套“ul”的测试1时,它会切换,但是当我单击带有另一个嵌套“ul”的测试2时,它也切换,但不关闭测试1...谁能帮帮我?它看起来不适用于“ul”和“li”(没有面板类)。提前致谢。附注这是我的Accordion尝试的完整代码。除了自动关闭之前打开的内容之外,一切正常。http://jsbin.com/OKOjUlu/1/edit?html,outputProizvodiTest12SubTest1SubTest1SubTest1Test2SubTest2SubTest2SubTest2SubTe

javascript - 如何更改点击事件的 Bootstrap 插入符号指向方向

我正在使用2.3.2Bootstrap因为我可以在单击菜单按钮时更改插入符号图标的位置。我需要当我点击图标插入符号向上时,当你点击另一个元素时插入符号回到初始状态。这怎么可能?导航代码Lorem3opesLoremOlosmpaLorem2isumLoremmasLoremOlosmpaLorem2isumLinktofiddletotrytoresolveImageexampleoftheproblem 最佳答案 你可以添加这个.nav.dropdown.open.caret{border-top:none;border-bott

javascript - 新窗口,内容来自开启页面上的模态内容

我认为我不是很了解这个,因为我对jquery还很陌生。我有一个隐藏了3个食谱的页面。单击食谱A的链接时,它会以模式打开。我希望能够只打印食谱的内容。所以我打开一个新窗口(非模态)并尝试将食谱写入其中(取决于选择的食谱)这是我正在使用的代码$('a.new-window').click(function(){varrecipe=window.open('','RecipeWindow','width=600,height=600');$('#recipe1').clone().appendTo('#myprintrecipe');varhtml="PrintYourRecipe";rec

javascript - 如何在一段时间后自动关闭 Bootstrap 3 模态

这个问题在这里已经有了答案:Howtoautomaticallyclosethebootstrapmodaldialogafteraminute(6个答案)关闭8年前。我很难在设定的时间段后自动关闭Bootstrap模式。这是我用来在4秒内关闭模式的js代码:setTimeout(function(){$('#myModal').modal('hide');},4000);两个基本问题:(A)当加载html页面(包含模态)时,模态超时似乎甚至在模态显示之前就已运行。模式设置为在单击页面中的链接后显示。如果在页面加载时没有立即点击链接,模式只会短暂出现然后立即关闭,因为基本上超时时间是在